layui.use(['table','layer','jquery'], function() {
    var table = layui.table;
    var layer = layui.layer;
    var $ = layui.$;
    //第一个实例,数据表格渲染
    table.render({
        elem: "#frozen",
        url: "../frozen?method=init",
        //显示所有列的信息,
        //当启用page时，系统会带入page,limit两个参数
        page: true,
        //配置工具栏
        toolbar: "default",
        //设置每页显示条数
        limit: 5,
        //设置每页的显示条数选择列表
        limits: [1, 3, 5, 10, 20],
        cols: [[
            {field: "uid", type: "checkbox", title: "编号", width: "5%", align: "center", sort: true},
            {field: "uname", title: "账户名称", width: "10%", align: "center"},
            {field: "state", title: "账户状态", width: "10%", align: "center",templet:"#one"},
            {field:"op",title:"操作",width:"15%",align:"center",templet:"#button"}
        ]]
    });
    //监听工具条
    table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象

        if(layEvent === 'frozen'){ //冻结
            if (data.state===1){
                layer.confirm('你确定冻结账户吗?', function(index){
                    //向服务端发送冻结指令
                    $.post("../frozen",{"method":"frozen","id":data.uid},function () {
                        layer.close(index);
                        location.reload();
                    });
                });
            } else {
                layer.confirm('此账户已是冻结状态!', function(index){
                    layer.close(index);
                });
            }

        }else if(layEvent === 'enable'){//启用
            if (data.state===0){
                layer.confirm('你确定启用账户吗?', function(index){
                    //向服务端发送启用指令
                    $.post("../frozen",{"method":"enable","id":data.uid},function () {
                        layer.close(index);
                        location.reload();
                    });
                });
            } else {
                layer.confirm('此账户已是启用状态!', function(index){
                    layer.close(index);
                });
            }
        }
    });
});


